<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>postMessage1</title>
</head>
<body>
<p id="p1">这是postMessage1文件</p>
<script>
  window.top.postMessage('message from iframe1');
  function frameFun1() {
    console.log('这是frameFun1函数');
  }

  /*获取兄弟iframe值*/
  // 1. 通过兄弟iframe的ID获取dom，然后通过内置的contentWindow获取window对象
  setTimeout(function () {
    // parent.window.document.getElementById('iframeId2').contentWindow.frameFun2();
    // let iframe2 = parent.window.document.getElementById('iframeId2').contentWindow.document.getElementById('iframeIdFile2');
    // console.log(iframe2);
  }, 100)
  // 2. 通过iframe的name,直接获取兄弟的window对象
  setTimeout(function () {
    // parent.window.iframeName2.frameFun2();
    // let iframe2_1 = parent.window.iframeName2.window.document.getElementById('iframeIdFile2');
    // console.log(iframe2_1);
  }, 100)
  // 3. 通过window对象的frames[]数组对象直接获取iframe对象 top, parent
  setTimeout(function () {
    // parent.window.frames[1].frameFun2(); // 这是frameFun1函数
    // let parentFrames = parent.window.frames[1].document.getElementById('iframeIdFile2');
    // console.log(parentFrames);
    // top.window.frames['iframeName2'].frameFun2();
    // let iframeIdFile2 = parent.window.frames["iframeName2"].document.getElementById('iframeIdFile2')
    // console.log(iframeIdFile2);
  }, 100)
</script>
</body>
</html>